<template>
	<view class="empty flex-c">
		<u-image src="/static/images/kong@2x.png" mode="aspectFit" width="196px"
			height="121px"></u-image>
			<view class="title">{{title}}</view>
			<view class="btn flex-c" v-if="btnName" @click="onSubmit">{{btnName}}</view>
	</view>
</template>

<script>
	export default {
		name:"empty",
		props:{
			title:{
				type:String,
				default:"暂无数据"
			},
			btnName:{
				type:String,
				default:""
			},
		},
		data() {
			return {
				
			};
		},
		methods:{
			onSubmit() {
				this.$emit('onSubmit')
			}
		}
	}
</script>

<style scoped lang="scss">
.empty {
	display: flex;
	min-height: 50vh;
	flex-direction: column;
	font-size: 14px;
	.title {
		color: #333333;
		margin: 20px  0  ;
	}
	.btn {
		height: 30px;
		padding: 0 10px;
		background: #FFFFFF;
		border: 1px solid #0055A6;
		border-radius: 15px;
		color: #0055A6;
		
	}
}
</style>